body{
	background: #f5f6f7;
	padding: 20px;
	font-size: 14px;
}
span {
	font-size: 14px;
}
#app{
	
	background: #FFFFFF;
	box-shadow: 0 0 2px 2px #eee;
	border-radius: 3px;
}
.header{
	height:40px;
	line-height: 40px;
	border-bottom: 1px solid #eee;
	padding-left: 20px;
}
.content>table{
	width:100%;
}
.text-right{
	text-align: right;
	width: 15%;
	padding:10px 2%;
}
.content_right{
	width: 80%;
	
}
.input{
	height:38px;
	line-height: 38px;
	padding-left: 10px;
	border-radius: 3px;
	border: 1px solid #e5e6e7;
	width:90%;
	outline: none;
}
.input:disabled,.input:read-only {
	cursor: default;
	background: #f7f7f7;
	border:none;
}
.content td{
	height:38px;
	line-height: 38px;
}
.content td,.content input{
	vertical-align: middle;
}
.layui-layer-content {
	color:#fff;
}
.btn-info{
	background: #2299ee;
	color:#fff;
}
.btn-info:hover{
	background: #4aa7ea;
}
.btn-info:active{
	background: #1489de;
}
.btn{
	display: inline-block;
	height:20px;
	line-height: 20px;
	padding: 9px 20px;
	border:1px solid #ccc;
	border-radius: 3px;
	margin-right: 10px;
	user-select: none;
}
.content{
	padding-bottom: 30px;
}
.inline-input{
	width: auto;
}
select {
	box-sizing: content-box;
	width:90%;
	height:38px;
	padding-left: 10px;
	background: #fff;
	border-radius: 3px;
	border: 1px solid #e5e6e7;
}
#res, #res-header {
	display: none;
}
.btn-reset:hover {
	background: #eee;
}
.btn-reset:active {
	background: #ddd;
}

.input-error, .input-error:hover, .input-error:focus {
    border-color: red;
    color: red;
}
td {
	user-select: none;
}
input[type=password],input#passwd {
	user-select: none;
}